/**
 * Portfolio navigation
 */

.portfolio-nav {
    border-bottom: 1px solid;
    @include rem(margin-bottom, $unit);

    & > ul > li {
        @media screen and (min-width: $canvasSmall) {
            margin-bottom: 1px;
        }
    }
}

.portfolio__section {
    @include rem(margin-top, $unit *3);
    @include rem(margin-bottom, $unit *3);
    @include rem(padding-bottom, $unit *5);
    border-bottom: 1px solid;

    & > figure {
        @include rem(margin-top, $unit);
    }

    & h1:first-child {
        @include rem(margin-top, $unit *3);
    }

    footer {
        border-top: 1px solid lighten($black, 50%);
    }
}

.portfolio__section--invert {
    @extend .portfolio__section;
}

.portfolio-section__tags {
    // applied to the ul
    padding: 0;

    & > li {
        @include rem(padding-left, $unit /2);
        display: inline-block;
        font-family: $fontStackAlt;
        font-style: italic;

        &:not(:last-child):after {
            content: ',';
        }
    }
}

.portfolio__figure {
    & > img {
        @include box-shadow(0, 1px, 3px, #999);
        @include box-shadow(0, 1px, 8px, rgba(0,0,0,0.3));
    }
}

